*{
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

a,
a:hover{
  @include transition(all 0.1s ease-out 0.1s);
  text-decoration: none;
}

// Mixin for generating new styles
@mixin bg-styles($color) {
    background-color:$color;
}


// Mixin for generating new styles
@mixin text-styles($color) {
    color:$color;
}


/*------------------------------------*\
    Tabs
\*------------------------------------*/
.tabs-list{
    border: 0;
    @include rtl-text-align-left();
}

/*------------------------------------*\
    Breadcrumbs
\*------------------------------------*/
.breadcrumb{
    background: transparent;
    a, span{
        color: $theme-color;
        font-size: 18px;
        line-height: 43px;
        text-transform: uppercase;
    }
    .delimiter{
        @include rtl-margin(0, 20px, 0, 20px);
        font-size: 10px;    
    }
}
.btn{
    font-size: 16px;
    line-height: 25px;
    padding-left:20px;
    padding-right:20px;
}
.btn-dark{
    @include button-variant($btn-dark-color, $btn-dark-bg, $btn-dark-border);
    border-radius:30px;
    border:0px;
    &:hover{
      color: $theme-color;
    }
    text-transform: uppercase;
}
.btn-light{
    @include button-variant($btn-dark-color, $btn-dark-bg, $btn-dark-border);
    border-radius:30px;
    border:0px;
    &:hover{
      color: $theme-color;
    }    
}
.btn-transparent{
    @include button-variant($btn-transparent-color, $btn-transparent-bg, $btn-transparent-border);
    border-radius:30px;
    background: transparent;
    &:hover{
      color: #fff;
    }
    text-transform: uppercase;
}
.btn-fix-default{
    line-height: 25px;
    padding-left:20px;
    padding-right:20px;
}
.btn-fix-large{
    line-height: 35px;
    padding-left:30px;
    padding-right:30px;
}
.btn-tag{
    color: #fff;
    background: #525252;
    border-radius: 30px;
    margin-bottom: 15px;
    display: inline-block;
    &:hover{
      background: $theme-color;
    }

}
.color-light{
  color: #fff;
}
.color-dark{
  color: #000;
}
.parallax {
  height: 740px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-bottom: 0px;
    position: relative;
    > *{
      position:absolute;
      bottom:0;
      left: 0;
      right:0;
      margin:0 auto;
    }
}
.parallax-1 {
  background-image: url(../images/parallax/parallax.jpg);
}

/*------------------------------------*\
    Customize Live Theme Editor
\*------------------------------------*/
#wpo-customize{
    top: 0;
    border: 0;
    font-family: 'Open Sans',sans-serif;
    transform: translateZ(0px);
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    @include transition(left 0.5s ease-in-out 0s);
    @include box-shadow(3px 2px 5px 0 rgba(50, 50, 50, 0.2));
    background: $white;
    .panel{
      border-color: lighten($black, 78);
      .accordion-inner{
        padding: 10px;
        border-color: lighten($black, 78);
      }
    }
    .panelbutton{
        @include box-shadow(3px 3px 5px -3px rgba($black, 0.15));
    }
    .panel-heading{
        padding: 3px 10px;
    }
    .group-input{
        margin-top: 0;
        margin-bottom: 15px;
        @include rtl-margin-right(6px);
    }
    .nav{
      border: 0;
      a{
        color: $black;
        padding: 5px 10px;
        background: $white;
        @include border-radius(0);
        @include rtl-margin(0, 3px, 3px, 0);
        border: 1px solid lighten($black, 78);
        &:hover{
          background: $white;
        }
        &::before{
          display: none;
        }
      }
      .active{
        > a, &:hover,&:focus,&:active{
          background: $white;
          &::before{
            display: none;
          }
        }
      }
    }
    .label{
      padding: 4px 5px;
    }
    select,input[type="text"]{
      @include border-radius(0);
      border-color: lighten($black, 78);
    }
    .accordion-toggle{
      @include font-size(font-size,12px);
      text-transform: uppercase;
      color: white;
      &:hover{
        color: white;
      }
    }
    .panelbutton{
        background: $theme-color;
        @include rtl-right(-40px);
        @include box-shadow(none);
        color: $white;
        border: 0;
        padding: 0;
        display: table;
        @include font-size(font-size,18px);
        text-align: center;
        @include size(40px,40px);
        @include border-right-radius(3px);
        @include border-right-radius(3px);
        @include transition(all 0.3s ease-in-out 0s);
        > *{
            display: table-cell;
            vertical-align: middle;
        }
    }
    .panel-heading{
        padding: 2px 5px;
    }
    .form-group label{
      color: lighten($black, 50%);
    }
}

/*-------------------------------------------
    Modal
-------------------------------------------*/
.modal-content {
    @include box-shadow(none);
    @include border-radius(0);
}
.modal-lg {
  width: 900px;
  &.modal-min-width{
    @include size(500px,auto);
    min-height: 90px;
    .modal-content{
      border: 0;
    }
  }
  .total,.buttons{
    text-align: center;
  }
}

/*-------------------------------------------
    Pagination
-------------------------------------------*/
ul.pagination{
    margin: 0 ;
    display: block;
    background: #fff;
    padding: 20px 0 20px 300px;
    @include border-radius(0px);
    li{
        a,span{
            border: 2px solid #b2b2b2;
            background: transparent;
            @include size(40px,40px);
            margin-right: 7px;
            line-height: 40px;
            padding: 0;
            text-align: center;
            &.current,
            &:hover{
                color: $theme-color;
                border-color: $theme-color;  
                background:transparent;
            }
        }
        &:first-child,
        &:last-child{
            a, span{
                border-radius:0px;
            }
        }
    }
}
.result-count{

}

/*------------------------------------*\
    Mobile
\*------------------------------------*/
.active-mobile{
    @include size(44px,70px);
    text-align: center;
  line-height: 70px;
  position: relative;
  cursor: default;
  @include transition(all 0.3s ease 0s);
  &:before{
    content: "";
    display: block;
    @include size(1px,40px);
    @include rtl-left(0);
    margin-top: -20px;
    position: absolute;
    top: 50%;
  }
  &:first-child:before{
    display: none;
  }
  &:hover{
    .fa,.icon{
      color: $theme-color;
    }
    &:before{
      display: none;
    }
    .active-content{
      @include rtl-left(auto);
    }
  }
  > .fa, > .icon{
    display: block;
    color: $white;
    position: absolute;
    top: 50%;
    @include font-size(font-size,18px);
    @include rtl-left(50%);
    @include rtl-margin(-10px, -8px, -10px, -8px);
  }
  .wpo-search{
    border: 0;
  }
  .active-content{
    position: absolute;
    top: 100%;
    z-index: 9999;
    padding: $theme-margin;
    @include rtl-left(-10000px);
    @include opacity(0);
    position: absolute;
    min-width: 270px;
    visibility: hidden;
    @include rtl-right(0);
    @include rtl-text-align-left();
    @include transition(opacity 0.3s ease 0s);
  }
  .title{
    @include rtl-margin(0, 0, 10px, 0);
    padding-bottom: $padding-large-vertical;
  }
  ul{
    li{
      display: block;
      margin: 0;
      padding: 10px 0;
      line-height: normal;
    }
  }
}

/*------------------------------------*\
    Custom Panel
\*------------------------------------*/
.custom-panel {
  border: 0;
  .panel-footer{
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: $panel-inner-border;
  }
}

/* p{
  @include font-size(font-size,16px);
  line-height: 24px;
  margin-bottom: 30px;
  &:last-child{
    margin-bottom: 0px;
  }
}
 */